/* 学习目标：事件传参  */
import React from 'react';

export default function App() {
  const list = [1, 3, 5];

  const onDel = (id, e) => {
    e.preventDefault();
    console.log('id  ----->  ', id);
  };

  return (
    <div>
      <ul>
        {list.map((item) => (
          <li key={item}>
            {item} -
            <a
              href="http://www.baidu.com"
              //  口诀：🔔 加个箭头，变成箭头函数内，调用函数传参
              onClick={(e) => onDel(item, e)}
            >
              删除
            </a>
          </li>
        ))}
      </ul>
    </div>
  );
}
